<template>
    <div class="play-conatiner">
        <div class="play-header">
            <span class="play-text">缴费金额：</span>
            <span class="play-number">¥289.23</span>
        </div>
        <v-back></v-back>
    </div>
  </template>
  
  <script>
  import vBack from "@/components/mainHeader/Back.vue";
  export default {
    components:{vBack},
    data () {
      return {
        
      };
    },
    created () {
       
     },
    methods:{
      
    }
  };
  </script>
  
  <style lang="less">
  .play-conatiner{
    width: 100%;
    height: 100%;
    .play-header{
        height: 25%;
        background: linear-gradient(to bottom,#4a8ad0,#75a3d1);
        display: flex;
        align-items: center;
        justify-content: center;
        .play-text{
            font-size: 20*@hv;
            color:#fff;
        }
        .play-number{
            font-size: 60*@hv;
            color:#fff;
        }
    }
  }
  </style>
  